<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog A0401-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'A0401.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" >
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'A0401.plot_no' | translate"></label>
                <label class="value" ng-bind="dialog.plot_no"></label>
                <label class="label" ng-bind="('A0401.list.column2' | translate)+'：'"></label>
                <label class="value" ng-bind="dialog.plot_info_details[0].op_no + '('+dialog.plot_info_details[0].op_name+')'"></label>
            </div>
            <div class="kmi-list column-selector" column-selector-id="plot_info_details" style="max-height: 76px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 40px;" ng-bind="'A0401.list.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.list.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="'A0401.list.column6' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.list.column7' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.list.column8' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.list.column9' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.plot_info_details track by $index">
                    <div class="kmi-list__column column-border" style="flex:0 0 40px;" ng-bind="item.status"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                    <div class="kmi-list__column column-border" style="flex:0 0 60px;" ng-bind="item.unit_name"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.item_spec"></div>
                </div>
                </div>
            </div>
            <div class="kmi-text-fields" style="margin-top: 8px;">
                <label class="label" ng-bind="'A0401.keep_plot_no' | translate"></label>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="dialog.keep_plot_no = '1'">
                    <img ng-src="{{dialog.keep_plot_no == '1'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    {{'common.btn.yes' | translate}}
                </button>
                <button class="mdl-button mdl-js-button kmi-checkbox"  ng-click="dialog.keep_plot_no = '0'">
                    <img ng-src="{{dialog.keep_plot_no == '0'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    {{'common.btn.no' | translate}}
                </button>
                <label class="label" ng-bind="'A0401.sub_plot_method' | translate"></label>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="dialog.sub_plot_method = '0'">
                    <img ng-src="{{dialog.sub_plot_method == '0'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    {{'A0401.sub_plot_method_0' | translate}}
                </button>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="dialog.sub_plot_method = '1'">
                    <img ng-src="{{dialog.sub_plot_method == '1'?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    {{'A0401.sub_plot_method_1' | translate}}
                </button>
                <input mdl-calculater="dialog.sub_plot_qty"></input>
                <div class="kmi-button kmi-button-confrim"  ng-click="dialog.expand()" style="width:100px">
                    <label ng-bind="'A0401.btn.expand' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.plot_info_list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0401.plot_info_list.column2' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.plot_info track by $index">
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                    <div class="kmi-list__column column-input" style="flex:1;">
                        <input readonly ng-click="dialog.input_plot_qty($event, item);" ng-value="item.plot_qty"/>
                    </div>
                </div>
                </div>
            </div>
            <div class="btn-tool">
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.dialog_confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
